<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			#d1{
				position:absolute;
				top: 100px;
				left:100px;
				width:100px;
				height:100px;
				background-color: aquamarine;
				z-index: 100;
			}    
			#d2{
				position:absolute;
				top: 100px;
				left:100px;
				width:200px;
				height:200px;
				background-color:blueviolet;
				z-index: 45;
			}    
		</style> <!--#代表id-->
	</head>
	<body> http://127.0.0.1:8020/pra0914/wang.html
	  <form action="wang.html" method="get">
	      <input type="text" name="name" pattern="[[a-m]&&[l-n]]"  placeholder="请输入名字" required="required"/>
		  <input type="submit" value="Send"/>
     </form>
	 <form action="a.html" method="get">
	      <input type="tel" name="tel"  pattern="[1][3-8][0-9]{9}"/>
		  <input type="submit" value="Send"/>
     </form>
      <form action="a.html" method="get">
	      <input type="tel" name="tel"  pattern="[a-zA-Z0-9]{8,16}"/>
		  <input type="submit" value="Send"/>
     </form>
     	<a href="#sq1">书签一</a>
       <pre>  
       	public void a1() {
	    	//邮箱
	    	Pattern pattern=Pattern.compile(".{3,}+[@].+[.].+.");
	    	Matcher matcher=pattern.matcher("1515852@qq.cn");
	    	boolean b1=matcher.matches();
	    	System.out.println(b1);
	    }
       public void a2() {
	    	//座机号验证 <a name=sp1"">哈哈</a>
	    	Pattern pattern=Pattern.compile("[0]\\d{2,3}[-][0-9]{7,8}");
	    	Matcher matcher=pattern.matcher("029-12458959");
	    	boolean b1=matcher.matches();
	    	System.out.println(b1);
	    }
       	</pre>
       	<a href="mailto:收件人的邮箱地址">打开邮件</a>
       	<a href="http://www.qq.com">去逛逛</a><br />
       	<a href="http://127.0.0.1:8020/html0905/wang.html">哈哈</a> <!--绝对路径-->
       	<a href="wang.html">缩写</a>   <!--相对路径-->
       	<a href="../wang.html">ha</a>
       	<a href="../d1.html">hei</a>
       	<br />
        <!--层-->
        <div id="d1">aaa</div>
        <div id="d2">bbb</div>
         aaa
	</body>
</html>
